.n-card.n-modal {
  .n-card-header {
    position: relative;
    padding: 10px 24px;
    border-bottom: 1px solid #eee;

    .n-card-header__main {
      font-size: 16px;
      text-align: center;
    }

    .n-card-header__close {
      position: absolute;
      right: 24px;
    }
  }

  .n-card__content {
    padding: 16px 24px;
    overflow: auto;
  }

  .n-card__action {
    display: flex;
    justify-content: center;
    padding: 24px;
    background-color: #fff;

    .n-button {
      min-width: 100px;
      + .n-button {
        margin-left: 100px;
      }
    }
  }

  &.edit-card-modal {
    .n-card__content {
      padding: 24px 120px;
    }
  }
}

/* 暗黑模式 */
html.dark {
  .n-modal.n-card {
    .n-card-header {
      border-bottom: 1px solid #555;
    }
    .n-card__action {
      background-color: rgb(44 44 50);
    }
  }
}
